@-webkit-keyframes showup {
0% {top:30px;opacity:0}
to {top: 0;opacity: 1}
}
@keyframes showup {
0% {top:30px;opacity:0}
to {top: 0;opacity: 1}
}
@-webkit-keyframes pagination-bullet {
0% {right:0}
to {right: -175px}
}
@keyframes pagination-bullet {
0% {right:0}
to {right: -175px}
}

.p-index { width:100%; margin:0px auto; }
.page-header-init {background: 0 0}
.p-banner .swiper-prev-area {width: 200px;height: 600px;position: absolute;top: 0;left: 0;bottom: 0;right: 0}
.p-banner .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: .5;pointer-events: inherit}
.p-banner .swiper-next-area, .swiper-slide-video .mask {width: 200px;height: 600px;position: absolute;top: 0;bottom: 0;right: 0}
.p-index .p-banner .swiper-button-prev {display: none;width: 40px;height: 40px;left: 44px;background-size: 100% 100%;z-index: 200}
.p-index .p-banner .swiper-button-next {display: none;background-image: url(../images/bt_arrow_right.png);width: 40px;height: 40px;right: 44px;background-size: 100% 100%;z-index: 200}
.swiper-slide-video .mask {width: 100%;height: 100%;z-index: 50;left: 0;background-color: rgba(0,0,0,.2)}
.swiper-slide-video .before-load {width: 100%;height: 100%;position: fixed;z-index: 102;display: flex;align-items: center;justify-content: center;background-color: rgba(14,87,162,.9)}
.swiper-slide-video .before-load img {width: 214px;height: 214px}
.p-banner .swiper-slide {position: relative;width: 100%;height: 600px;background: #000}
.p-banner .swiper-img {background-size: contain}
.p-banner .swiper-img a {display: block;height: 100%;width: 100%;overflow: hidden}
.p-banner .swiper-slide-active .banner, .p-banner .swiper-slide-active .banner .inner, .p-iot-content .content-item .content-item-info a {height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover}
.p-banner .swiper-slide-active .banner .inner {-webkit-animation: showup 1s linear;animation: showup 1s linear;position: relative;left: 0;right: 0;top: 0;text-align: center;display: flex;justify-content: center;flex-direction: column;align-items: center;overflow: hidden}
.p-banner .swiper-slide-active .banner .inner img {width: 1920px}
.p-banner .swiper-slide-video {background-color: #0e2857}
.p-banner .swiper-slide h2, .p-banner .swiper-slide h3 {position: absolute;top: 180px;height: 80px;width: 100%;font-size: 50px;font-weight: 700;letter-spacing: 10px;color: #fff;line-height: 80px;text-align: center;z-index: 100}
.p-banner .swiper-slide .Enh2 {letter-spacing: 4px;top: 220px}
.p-banner .swiper-slide h3 {top: 260px;letter-spacing: 5px}
.p-banner .swiper-slide video {display: block;width: 1920px;margin: 0 auto;position: absolute;left: 0;right: 0}

.p-banner .swiper-pagination .swiper-pagination-bullet {background-image: url(../images/banner_nav.png);border-radius: unset;height: 6px;width: 13px;background-size: contain;background-color: transparent}
.p-brain {width: 100%;text-align: center;height: autop-index  ;position: relative;overflow: hidden;background-color: #fff; margin-bottom:0}
.p-brain h2, .p-brain-desc {position: absolute;color: #333;z-index: 2}
.p-brain h2 {top: 80px;width: 100%;height: 60px;line-height: 60px;text-align: center;font-weight: 600}
.p-brain-desc {top: 152px;height: 48px;font-size: 14px;line-height: 24px;width: 425px;left: 50%;transform: translateX(-50%)}
.p-brain-anim {width: 1034px;height: 0;margin: 10px auto 60px}
.p-brain-anim, .p-brain-anim svg {position: relative}
.p-brain-anim .p-brain-anim-bg {width: 100%;height: 100%;left: 0;top: 0;position: absolute}
.p-brain .p-brain-btn {bottom: 80px;position: absolute;width: 100%}
.p-iot {background-color: #0a2349;height: 664px;display: flex;justify-content: center;overflow: hidden}
.p-iot .p-iot-wrapper {max-width: 1400px}
.p-iot .p-iot-tabs {display: inline-block;width: 279px}
.p-iot .p-iot-tabs>.Enh2, .p-iot .p-iot-tabs>.h2 {width: 269px;height: auto  ;font-size: 32px;font-weight: bold  ;color: #ccc;line-height: 40px;margin-top: 75px}
.p-iot .p-iot-tabs>.Enh2, .p-iot .p-iot-tabs>.h2 em {width: 269px;height: auto  ;font-size: 22px;font-weight: 500  ;color: #ccc;line-height: 40px;margin-top: 10px; display:block}
.p-iot .p-iot-tabs>.Enh2 {width: 280px;font-size: 23px;line-height: 30px;transform: translateY(-20px)}
.p-iot .p-iot-tabs ul {margin-top: 50px}
.p-iot .p-iot-tabs ul li {color: rgba(255,255,255,.3);padding:0;cursor: pointer}
.p-iot .p-iot-tabs ul li h3 {height: 60px;font-weight: 700;font-size: 0;line-height: 60px;transition: margin-left .3s ease-out}
.p-brain h2, .p-iot .p-iot-tabs ul li h3 span {font-size: 32px}
.p-iot .p-iot-tabs ul li h3 img {width: 40px;height: 40px;display: none}
.p-iot .p-iot-tabs ul li .tabs-item-desc {font-size: 16px;color: rgba(236,242,248,.3);line-height: 22px;margin-bottom: 22px;transition: margin-left .3s ease-out}
.p-iot .p-iot-tabs ul li.active {color: #fff}
.p-iot .p-iot-tabs ul li.active .tabs-item-desc, .p-iot .p-iot-tabs ul li.active h3 {margin-left: 10px}
.p-iot .p-iot-tabs ul li.active h3 img {display: inline-block;vertical-align: top;margin-top: 8px;margin-left: 4px}
.p-iot .p-iot-tabs .ImgNone {display: none!important}
.p-iot .p-iot-tabs ul li.active .tabs-item-desc {color: #ecf2f8}
.p-iot .p-iot-content {display: inline-block;width: 1030px;float: right}
.p-iot .p-iot-content .content-item {font-size: 0;display: none}
.p-iot-content .content-item .content-item-info {position: relative;display: inline-block;width: 50%;height: 332px}
.p-iot-content .content-item .content-item-info a {display: block;width: 100%;background-size: 100% 100%}
.p-iot-content .content-item .content-item-info-tb {width: 33.33%}
.p-iot-content .content-item .content-item-info-tb1 {width: 100%; height:221px}
.p-iot-content .content-item-info img {width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain}
.p-iot-content .content-item-info .content-item-desc {position: absolute;bottom: -45px;width: 100%;text-align: left;padding: 0 10px 0 50px;color: #fff;transition: bottom .5s ease}
.p-iot-content .content-item-info .content-item-desc-left {padding: 0 90px}
.p-iot-content .content-item-info .content-item-desc h4 {height: 40px;font-size: 18px;font-weight: 500;line-height: 40px}
.p-iot-content .content-item-info .content-item-desc p {height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;line-height: 24px;margin-top: 12px;text-align: left;opacity: .3;transition: opacity .5s ease}
.p-iot-content .content-item-info-tb .content-item-desc {padding: 0 20px 0 30px}
.content-item .content-item-info-tb .content-item-desc p {display: inline-block;height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;line-height: 24px;margin-top: 12px;text-align: left;opacity: .3;transition: opacity .5s ease}
.p-iot-content .content-item-info:hover .content-item-desc {bottom: 24px}
.p-iot-content .content-item-info:hover .content-item-desc p {opacity: 1}

.mobile-p-iot {display: none}
.mobile-example-item-img, .mobile-more-button, .mobile-p-brain-anim-bg {display: none!important}

@media screen and (max-width:1350px){
.p-iot .p-iot-wrapper {max-width: 1200px}
.p-iot .p-iot-content {display: inline-block;width: 830px;float: right}
.p-brain-anim {width: 834px;height: 0;margin: 10px auto 60px}
}

@media screen and (max-width:1280px){
.p-iot .p-iot-wrapper {max-width: 1000px}
.p-iot .p-iot-content {display: inline-block;width: 630px;float: right}
.p-brain-anim {width: 634px;height: 0;margin: 10px auto 60px}
}

@media screen and (max-width:1020px) {
.pc {display: none}
.pc-example-item-img, .pc-p-brain-anim-bg {display: none!important}
.mobile-example-item-img, .mobile-p-brain-anim-bg {display: block!important}
.p-banner .swiper-slide h2, .p-banner .swiper-slide h3, .p-iot {display: none}
.p-banner .swiper-slide {height: 2.84rem;padding-top:.44rem}
.p-banner .swiper-slide video {width: 100vw;height: 2.44rem;margin-top:.44rem}
.p-banner .swiper-slide .swiper-img .inner img {height: 2.4rem;width: 3.75rem}
.p-brain {height: initial;    padding:0rem;background: #fff}
.p-brain h2, .p-brain-desc {color: #333;width:calc(100% - .48rem);text-align: center}
.p-brain h2 {top:.48rem;z-index: 2;font-size:.2rem;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 700;line-height:.28rem}
.p-brain-desc {position: absolute;top:.92rem;font-size:.12rem;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;line-height:.2rem}
.p-brain-video {position: absolute;top: 1.51rem;width: 1.72rem;height: 1.61rem;margin: 0 auto}
.p-brain .p-brain-video video {position: initial;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;left: initial;transition: initial;transform: initial}
.p-brain .p-brain-btn {position: static;width:calc(100% - .48rem);margin:.24rem auto 0}
.mobile-p-iot {display: block;background: #0a2349;padding:.48rem 0 0;position: relative}
.mobile-p-iot .active {color: #2590f2}
.mobile-p-iot .active span {font-weight: bolder}
.mobile-p-iot .mobile-p-iot-title {font-size:.2rem;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #fff;line-height:.28rem;padding:0 .47rem 0 .48rem;margin-bottom:.16rem}
.mobile-p-iot-tabs {display: flex;justify-content: space-between;padding:0 .4rem}
.mobile-p-iot-tab {width:.9rem;height:.76rem;display: flex;flex-direction: column;align-items: center;text-align: center;font-size:.14rem;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #fff;line-height:.2rem}
.mobile-p-iot-tab i {font-size:.4rem}
.mobile-p-iot-content {margin-top:.24rem}

}